import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface Shuffle2CuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const Shuffle2CuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: Shuffle2CuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M17.102 4.566c-.284.192-.381.4-.407.878-.032.599.029.54-.584.572-1.382.073-2.475.552-3.414 1.496-.308.309-.791.993-1.042 1.476-.172.329-.185.643-.039.957.223.478.82.676 1.329.439.23-.107.292-.181.677-.804.377-.609.771-.994 1.268-1.238.484-.237.75-.304 1.32-.331l.47-.022v.3c0 .602.121.901.443 1.09.247.145.482.106.96-.158a19.55 19.55 0 0 0 1.678-1.056c.869-.605 1.039-.807 1.039-1.241 0-.416-.072-.52-.66-.961a17.937 17.937 0 0 0-1.789-1.171c-.51-.293-.597-.33-.811-.344-.219-.014-.257-.004-.438.118M3.673 6.063C3.31 6.175 3 6.606 3 7c0 .409.313.832.693.937.147.04.533.063 1.327.077 1.283.024 1.533.062 2.052.311.466.223.844.592 1.269 1.235.181.275.997 1.61 1.812 2.967 2 3.33 2.213 3.65 2.781 4.182.837.783 1.798 1.165 3.123 1.244.298.017.554.044.569.06.015.015.043.244.06.508.034.492.08.647.249.833.222.244.569.276.944.086.721-.363 2.234-1.36 2.635-1.735a.83.83 0 0 0 .286-.671c0-.382-.094-.536-.532-.865-.979-.737-2.271-1.532-2.617-1.611-.324-.073-.736.159-.871.491-.038.094-.08.342-.094.551l-.026.38-.4-.013c-1.201-.038-1.881-.437-2.601-1.527-.181-.275-1-1.616-1.819-2.98-1.66-2.764-2.024-3.335-2.427-3.799a4.52 4.52 0 0 0-2.52-1.498c-.764-.156-2.83-.22-3.22-.1m5.382 7.553c-.23.107-.292.181-.677.804-.377.609-.771.994-1.268 1.238-.609.299-.686.311-2.11.339-1.413.028-1.432.031-1.713.321-.385.396-.376.987.02 1.383.297.296.404.313 1.871.288 1.142-.02 1.276-.03 1.662-.121a4.95 4.95 0 0 0 3.07-2.143c.47-.71.57-.925.57-1.218-.001-.425-.189-.721-.588-.922-.196-.1-.588-.085-.837.031"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
